/*======================css for recommend a page to friend=====================*/
#recommend{
    padding-top:104px;
    @media(width:$mobile){
		padding-top:160px
	}
	@media(width:$mobile-max){
		padding-top:140px
	}
	@media(width:640){
		padding:115px;
	}
    .breadcrumb{
    	margin-left:-10px;
    }
	.container{
         margin: 0 auto;
        padding:0;
        max-width:990px; 
    }
	h1{

		margin-top: 12px;
		margin-bottom: 25px;
		font-size: 59px;
		font-family: $lgr;
		color: $black;
		margin-left: -10px;
		text-transform: uppercase;

		@media (min-width: $mobile) and (max-width: $tablet-max){
		font-size: 45px;	
		}

	}
.course-detail{
	border:2px solid $black;
	padding: 26px 30px;
	margin-bottom: 68px;
	margin-left:-10px;
	hr{
		border-top: 2px solid $yellow;
	}
.detail{
	
   color:$black;
   font-size: 12px;
   font-family: verdana;
   text-transform: uppercase;
   margin-top: 25px;
   padding-bottom: 25px;
   span{
   	color:red;
}
a{
	float: right;
	color:$dark_grey;
	text-transform: none;
	margin: 10px 31px 0 0;
	font-size: 12px;
	font-family: $verdana;
}   
}
.pad-left{
	padding-left: 0px;
	margin-top: 10px;
	
}
label{
	padding-top: 6px;
}

.form-control{
   	border: 2px solid $black;
   	border-radius:0;

   	&:focus{
   		box-shadow: none;
   	}
   }
}
.leave-msg{
	.form-control{
		height: 122px;
	}
	input[type=submit]{
		@include button($black,$white,$yellow,$black);
		padding:8px 8px;
		margin-top: 20px; 
		text-transform: uppercase;
		float: right;
		font-size: 10px;
		font-family: $verdana;
		font-weight: bold;	
		}
}
small{
	font-family: verdana;
	font-size: 12px;
	color: $dark_grey;
	
}
}